/* 公共样式 */
/* 设置便签为怪异盒模型 */
div,dd,dt,dd,ul,li,p,input,h1,h2,h3,h4,h5,h6,span,i,a,main,nav{
    box-sizing: border-box;
}

html{
    --border-width: 1px;
}

/* 设置版心 */
.container{
    min-width: 4.2667rem;
    /* max-width: 7.2rem; */
    max-width: 10rem;
    padding: 0 0.2533rem;
    margin: 0 auto;

}

/* 字体样式 */
body{
    font: 0.32rem/1 "Microsoft YaHei";
    color: #000;
    background-color: #fff;
}

/* 防御式编程 */
/* 单行文字显示省略号 */
.ellipsis-single-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 多行文字显示省略号,常用 2行 */
.ellipsis-multi-line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 控制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 图片等比缩放正好覆盖父容器（等比裁剪） */
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 消除图片下方元素出现的空白间隙 */
img{
    vertical-align: top;
}

a{
    color: #6B6B6B;
}